<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>商务合作</title>
    <style>
      * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: "黑体";
      }
      .container{
        width: 100%;
        /* padding: 40px 30px; */
      }
	  .box{
		width: 100%;
		position: relative;
		/* height: 714px; */
		padding: 80px 40px;
		color: #fff;
	  }
	  .box>img{
		width: 100%;
		/* height: 714px; */
		position: absolute;
		left: 0;
		top: 0;
	  }
	  .box_row{
		width: 434px;
		height: 598px;
		background: rgba(0, 0, 0, .25);
		position: absolute;
		left: 25px;
		top: 80px;
		z-index: 2;
		padding: 70px 25px 20px;
		color: #fff;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
	  }
	  .title{
		font-size: 33px;
		line-height: 39px;
		text-align: center;
	  }
	  .title2{
		font-size: 20px;
		line-height: 39px;
		margin-bottom: 20px;
		text-align: right;
		padding-right: 25px;
	  }
	  .lines{
		width: 100%;
		height: 1px;
		background: #fff;
		margin-bottom: 20px;
	  }
	  .txts{
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 34px;
	  }
	  .item{
		width: 100%;
		padding-left: 90px;
		position: relative;
		font-size: 18px;
		line-height: 35px;
	  }
	  .item img{
		position: absolute;
		width: 45px;
		height: 50px;
		top: 50%;
		left: 15px;
		transform: translateY(-50%);
	  }
      @media screen and (max-width: 750px) {
        .box_row {
          top: 15%;
          left: 5%;
          width: 90%;
          word-break: break-all;
        }
        .title2 {
          padding-right: 0;
          text-align: center;
        }
      }
    </style>
  </head>
  <body>
    <div class="container">
		<div class="box">
			<div class="box_row">
				<div class="title">Business cooperation</div>
				<div class="title2">商务合作</div>
				<div class="lines"></div>
				<div class="txts">数据学徒为您提供用人推荐、咨询顾问、线上线下活动合作、个人专访、品牌曝光、推广引流、项目实践、沙龙讲座、数据分析、产业研究等全方位合作服务。</div>
				<div class="item" style="margin-bottom: 68px;">
					<img src="./images/phone.png" alt="" srcset="">
					<div>电话/Phone: </div>
					<div>+86-755-23372611</div>
				</div>
				<div class="item">
					<img src="./images/email.png" style="width: 50px; height: 45px;" alt="" srcset="">
					<div>咨询邮箱/Email：</div>
					<div>business@datarer.com</div>
				</div>
			</div>
		</div>
    </div>
  </body>
</html>
